<%--
    Document   : user
    Created on : 03 Nov 11, 11:27:39
    Author     :Muhammad Fachrurrozy
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
   <head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Appolo</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if IE 6]>
	<script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->
<script type="text/javascript" src="js/jquery.js"></script>
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">


function hideall() {
	$("#tab").hide();
	$("#tab1").hide();
	$("#tab2").hide();
	$("#tab3").hide();
	$("#tab4").hide();
}
$(document).ready(function(){

$("#icon1").mouseover(function () {
hideall();
$("#tab1").css("display","block");
});

$("#icon2").mouseover(function () {
hideall();
$("#tab2").css("display","block");
});

$("#icon3").mouseover(function () {
hideall();
$("#tab3").css("display","block");
});

hideall();
$("#tab").show();

  });
$().ready(function() {
	$("#form").validate({
		rules: {
			username: {
				required: true,
				minlength: 4
			},
			password: {
				required: true,
				minlength: 6
			},
			confirm_password: {
				required: true,
				equalTo: "#password"
			},
			email: {
				required: true,
				email: true
			},
			agree: "required"
		},
		messages: {
			username: {
				required: "Masukkan username",
				minlength: "Username minimal 4 karakter"
			},
			password: {
				required: "Masukkan password",
				minlength: "Password terlalu pendek"
			},
			confirm_password: {
				required: "Ulangi password",
				equalTo: "Password tidak cocok"
			},
			email: {
				required: "Masukkan email",
				email: "Alamat email tidak valid"
			},
			agree: "Pastikan anda setuju"
		}
	});


});
</script>
</head>
<body>
<div class="wrap">
	<div class="header">
    	<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" title="" border="0" /></a></div>

        <div id="menu">
            <ul>
            <li class="selected"><a href="servletuser?show=login">Home</a></li>
            <%--<li><a href="details.html">about us</a></li>
            <li><a href="details.html">services</a></li>
            <li><a href="details.html">work</a></li>
            <li><a href="contact.html">contact us</a></li>--%>
            </ul>
        </div>

    </div> <!--End of header-->


    <div class="home_center_content">


                    <div class="home_center_content">
                    <div class="box1" id="tab">
                    <div class="center_text">
                    <div class="big_title">We <span>grow</span> your Business <span>!</span></div>
                        <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>

                    </div>
                    <div class="right_img"><img src="images/pic1.png" alt="image" title=""/></div>
                    </div>

                    <div class="box1" id="tab1">
                    <div class="center_text">
                    <div class="big_title">We <span>grow</span> your Business <span>!</span></div>
                        <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
                    </div>

                    <div class="right_img"><img src="images/pic1.png" alt="image" title="" /></div>
                    </div>

                    <div class="box1" id="tab2">
                    <div class="center_text">
                    <div class="big_title">Best <span>clients</span> and work <span>!</span></div>
                        <p> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                    </div>
                    <div class="right_img"><img src="images/pic2.png" alt="image" title="" /></div>

                    </div>

                    <div class="box1" id="tab3">
                    <div class="center_text">
                    <div class="big_title">Well <span>organized</span> team <span>!</span></div>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
                    </div>
                    <div class="right_img"><img src="images/pic3.png" alt="image" title="" /></div>
                    </div>

                    <ul class="center_button_icons tabset">

                        <li id="icon1">
                        <a href="#tab1" class="tab">
                            <img src="images/icon_news.gif" border="0" alt="image" title="" />
                        </a>
                        </li>

                        <li id="icon2">
                        <a href="#tab2" class="tab">
                            <img src="images/icon_work.gif" border="0"  alt="image" title=""/>
                        </a>
                        </li>

                        <li id="icon3">
                        <a href="#tab3" class="tab">
                        <img src="images/icon_team.gif" border="0" alt="image" title="" />
                        </a>
                        </li>

                        <li>
                        <a href="#tab" class="tab active"></a>
                        </li>
                    </ul>
                    </div>


    </div> <!--End of home_center_content-->

    <div class="main_content">
    		<div class="left_content">
            	<h1>About us</h1>
                <p>
                See opportunities and problems that arise around this neighborhood. Apparently there are still many libraries that use the business process with the manual method. Recording of the loan book, the book returns and a list of borrowers who are still using conventional paper. This memrupakan way of working that are less effective and efficient, because they still need paper and also allow for human error is quite large.
<br /><br />
In addition, by making this information system will also be able to replace the function of paper to digital. In this way, we indirectly have contributed to maintaining the viability of this. One result of global warming is too consumptive use kertasa. By using this application, the use of paper will be reduced.
<br /><br />
Application Borrowing Library Books or APPOLO this is one solution of the problem stated above. APPOLO able to be easily fossilized dalah librarians manage the library. Additionally APPOLO a web-based application, so it easily librarians do not need to install on the computer.
                </p>

            	<h1>&nbsp;</h1>
</div> <!--End of left_content-->

    		<div class="right_content">
            	<h1>Sign Up           	   </h1>
           	  <form name="form" method="post" action="servletuser?show=userinput">
            	<p>&nbsp;</p>
            	<table width="391" height="265" border="0">
		  <tr>
		    <td height="39" colspan="3"><font color="#FF0000" size="3">Username sudah terpakai. Inputkan username yang lain</font></td>
	      </tr>
		  <tr>
		    <td width="129" height="39"><h3>Username</h3></td>
		    <td width="13">:</td>
		    <td width="235"><input name="username" id="username" size="30" /></td>
	      </tr>
		  <tr>
		    <td height="36"><h3>Nama Lengkap</h3></td>
		    <td>:</td>
		    <td><input name="namalengkap" id="namalengkap" size="30" /></td>
	      </tr>
		  <tr>
		    <td height="36"><h3>Email</h3></td>
		    <td>:</td>
		    <td><input name="email" id="email" size="30" /></td>
	      </tr>
		  <%--<tr>
		    <td>Agree to our policy</td>
		    <td>&nbsp;</td>
		    <td><input type="checkbox" class="checkbox" id="agree" name="agree" /></td>
	      </tr>--%>
		  <tr>
		    <td height="33"><h3>Password</h3></td>
		    <td>:</td>
		    <td><input name="password" type="password" id="password" size="30" /></td>
	      </tr>
		  <tr>
		    <td height="34">&nbsp;</td>
		    <td>&nbsp;</td>
		    <td><input type="submit" value="Daftar" />
  &nbsp; &nbsp;
  <%--<input type="reset" name="Reset" id="button" value="Reset"></td>--%>            
	       &nbsp; &nbsp;<a href="servletuser?show=login">Kembali</a></tr>
		  <tr>
		    <td height="34">&nbsp;</td>
		    <td>&nbsp;</td>
		    <td></td>
	      </tr>
		  </table>
           	 </form>
        <a href="servletuser?show=user"></a>
                <div class="project_box"></div>

	  </div>
    		<!--End of right_content-->

    	<div class="clear"></div>
    </div><!--End of main_content-->


</div><!--End of wrap-->

<div class="footer">
	<div class="footer_content">
    	<div class="footer_tab1">
        	<h2>Get in touch</h2>
        	<span class="email">Email: Appolo@gmail.com</span>

            <div class="footer_info">
                <span class="orange">Adress:</span>
                <p class="info">
                Kampus Jurusan Sistem Informasi ITS</p>
            </div>

            <div class="footer_info">
                <span class="orange">Phone:</span>
                <p class="info">
                008 900 800 32   /    008 900 800 32
                </p>
            </div>
            <div class="footer_copyrights">
            <img src="images/logo.png" alt="" title="" /><br />
            &copy; 2009 Appolo. Inc</div>


        </div> <!--End of footer_tab1-->

    	<div class="footer_tab2">
        	<h2>Favorites</h2>
            <div class="favorites_box">
                <span class="fav_nr">1</span>
                <p class="favorites">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                </p>
            </div>

            <div class="favorites_box">
                <span class="fav_nr">2</span>
                <p class="favorites">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                </p>
            </div>

            <div class="favorites_box">
                <span class="fav_nr">3</span>
                <p class="favorites">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                </p>
            </div>

        </div> <!--End of footer_tab2-->



    	<div class="footer_tab3">
        	<h2>Links</h2>
                <div class="footer_links">
                    <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Clients</a></li>
                    <li><a href="#">Work</a></li>
                    <li><a href="#">Terms &amp; conditions</a></li>
                    <li><a href="#">RSS</a></li>
                    <li><a href="#">Contact</a></li>
                    </ul>
                </div>
        </div> <!--End of footer_tab3-->





    <div class="clear"></div>
	</div> <!--End of footer_content-->
</div><!--End of footer-->

</body>
</html>>
